import React, { useEffect } from 'react'
import * as server from '../../api/request'
import {Form, Input} from 'antd'

const signIn: React.FC = (props: any) => {
    const layout = {
        labelCol: { span: 4 },
        wrapperCol: { span: 20 }
    }
    function onFinish (values: any) {
        console.log(values)
    }
    return (
        <Form {...layout} initialValues={{ remember: true }} name="signInForm" onFinish={ onFinish }>
            <Form.Item
                label="昵称"
                name="nickName"
                rules={[{ required: true, message: 'Please input your nickName!' }]}
            >
                <Input />
            </Form.Item>
            <Form.Item
                label="真实姓名"
                name="realName"
                rules={[{ required: true, message: 'Please input your realName!' }]}
            >
                <Input />
            </Form.Item>
            <Form.Item
                label="身份证号码"
                name="idCard"
                rules={[{ required: true, message: 'Please input your idCard!' }]}
            >
                <Input />
            </Form.Item>
            <Form.Item
                label="性别"
                name="userSex"
                rules={[{ required: true, message: 'Please input your sex!' }]}
            >
                <Input />
            </Form.Item>
        </Form>
    )
}
export default signIn